/* 基础 */
--html-body-size: 10px;
--body-bg-color: #f7f7f7;
--color-price: #E22C08;
--color-red: #E22C08;
--color-yellow: #E22C08;
--color-blue: #76AFFF;
--color-green: #5EB95E;

/* 主色 */
--color-main: #E22C08;
--color-main-light: #ffe3de;
--color-main-hover: #EA6B52;

/* 次色 */
--color-secondary: #FFB8AA;

/* 圆角 */
--border-radius-sm: 0.2rem;
--border-radius: 0.4rem;
--border-radius-lg: 0.8rem;

/* 阴影 */
--box-shadow: 0 5px 20px rgba(50,55,58,0.1);
--box-shadow-sm: 0 2px 8px rgba(50,55,58,0.1);
--box-shadow-lg: 0 8px 34px rgba(50,55,58,0.1);

/* 按钮部分 */
/* 默认基础色 - 按钮 */
--color-button-default: #EEEEEE;
--color-button-default-hover: #dddddd;
--color-button-default-focus: #c7c7c7;
--color-button-default-active: #c7c7c7;
--color-button-default-disabled: #c2c2c2;
--color-button-default-border: #EEEEEE;
--color-button-default-hover-border: #dddddd;
--color-button-default-focus-border: #c7c7c7;
--color-button-default-active-border: #c7c7c7;
--color-button-default-disabled-border: #c7c7c7;
--color-button-default-text: #666666;
--color-button-default-hover-text: #444444;
--color-button-default-focus-text: #444444;
--color-button-default-active-text: #444444;
--color-button-default-disabled-text: #444444;

/* 主色 - 按钮 */
--color-button-primary: #E22C08;
--color-button-primary-hover: #EA6B52;
--color-button-primary-focus: #C02000;
--color-button-primary-active: #C02000;
--color-button-primary-disabled: #F6BFB4;
--color-button-primary-border: #E22C08;
--color-button-primary-hover-border: #EA6B52;
--color-button-primary-focus-border: #C02000;
--color-button-primary-active-border: #C02000;
--color-button-primary-disabled-border: #F6BFB4;
--color-button-primary-text: #FFFFFF;
--color-button-primary-hover-text: #FFFFFF;
--color-button-primary-focus-text: #FFFFFF;
--color-button-primary-active-text: #FFFFFF;
--color-button-primary-disabled-text: #FFFFFF;

/* 次色 - 按钮 */
--color-button-secondary: #FFEFE5;
--color-button-secondary-hover: #FCE9E6;
--color-button-secondary-focus: #FCE9E6;
--color-button-secondary-active: #F5B5A9;
--color-button-secondary-disabled: #F5B5A9;
--color-button-secondary-border: #FFCBAB;
--color-button-secondary-hover-border: #FDB6B0;
--color-button-secondary-focus-border: #FDB6B0;
--color-button-secondary-active-border: #F5B5A9;
--color-button-secondary-disabled-border: #F5B5A9;
--color-button-secondary-text: #E22C08;
--color-button-secondary-hover-text: #EA6247;
--color-button-secondary-focus-text: #E64829;
--color-button-secondary-active-text: #E2300D;
--color-button-secondary-disabled-text: #E2300D;

/* 成功 - 按钮 */
--color-button-success: #a8e6a8;
--color-button-success-hover: #97ee97;
--color-button-success-focus: #5eb95e;
--color-button-success-active: #85c085;
--color-button-success-disabled: #85c085;
--color-button-success-border: #7fe27f;
--color-button-success-hover-border: #97ee97;
--color-button-success-focus-border: #5eb95e;
--color-button-success-active-border: #85c085;
--color-button-success-disabled-border: #85c085;
--color-button-success-text: #258f25;
--color-button-success-hover-text: #239b23;
--color-button-success-focus-text: #FFFFFF;
--color-button-success-active-text: #bffbbf;
--color-button-success-disabled-text: #bffbbf;

/* 警告 - 按钮 */
--color-button-warning: #FAAD14;
--color-button-warning-hover: #FBC55A;
--color-button-warning-focus: #FBC55A;
--color-button-warning-active: #EB9C00;
--color-button-warning-disabled: #FDE6B8;
--color-button-warning-border: #FAAD14;
--color-button-warning-hover-border: #FBC55A;
--color-button-warning-focus-border: #FBC55A;
--color-button-warning-active-border: #EB9C00;
--color-button-warning-disabled-border: #FDE6B8;
--color-button-warning-text: #FFFFFF;
--color-button-warning-hover-text: #FFFFFF;
--color-button-warning-focus-text: #FFFFFF;
--color-button-warning-active-text: #FFFFFF;
--color-button-warning-disabled-text: #FFFFFF;

/* 危险 - 按钮 */
--color-button-danger: #ffebeb;
--color-button-danger-hover: #FFEFED;
--color-button-danger-focus: #FFEFED;
--color-button-danger-active: #FFC2B6;
--color-button-danger-disabled: #FFFFFF;
--color-button-danger-border: #E33816;
--color-button-danger-hover-border: #DF2500;
--color-button-danger-focus-border: #D58576;
--color-button-danger-active-border: #FFC2B6;
--color-button-danger-disabled-border: #D58E80;
--color-button-danger-text: #da5c43;
--color-button-danger-hover-text: #e04527;
--color-button-danger-focus-text: #E12C08;
--color-button-danger-active-text: #C72100;
--color-button-danger-disabled-text: #FFC3B7;

/* 小徽章部分 */
/* 默认基础色 - 小徽章 */
--color-badge-default: #EEEEEE;
--color-badge-default-hover: #e9e9e9;
--color-badge-default-text: #666666;
--color-badge-default-hover-text: #666666;

/* 主色 - 小徽章 */
--color-badge-primary: #eaf1fb;
--color-badge-primary-hover: #e4eefe;
--color-badge-primary-text: #0c7cd5;
--color-badge-primary-hover-text: #0c7cd5;

/* 次色 - 小徽章 */
--color-badge-secondary: #ffefe5;
--color-badge-secondary-hover: #ffebdf;
--color-badge-secondary-text: #f18f51;
--color-badge-secondary-hover-text: #f18f51;

/* 成功色 - 小徽章 */
--color-badge-success: #d5fbd5;
--color-badge-success-hover: #c6f9c6;
--color-badge-success-text: #46cf45;
--color-badge-success-hover-text: #46cf45;

/* 警告色 - 小徽章 */
--color-badge-warning: #ffeac2;
--color-badge-warning-hover: #ffe3ae;
--color-badge-warning-text: #f3a200;
--color-badge-warning-hover-text: #f3a200;

/* 危险色 - 小徽章 */
--color-badge-danger: #FFE6E6;
--color-badge-danger-hover: #ffdcdc;
--color-badge-danger-text: #e04527;
--color-badge-danger-hover-text: #e04527;